<!DOCTYPE html>
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
			xmlns:h="http://java.sun.com/jsf/html"
			xmlns:f="http://java.sun.com/jsf/core"
			xmlns="http://www.w3.org/1999/xhtml"
			xmlns:p="http://primefaces.org/ui" 
			template="/view/layout/ui.xhtml">
	<f:metadata>  
		<f:viewAction action="#{socioBean.loadSocios()}"/>
	</f:metadata>  

	<ui:define name="content">
			<h3>Listado de Socios</h3>  
			
			<h:form id="listForm" styleClass="sociosForm">
			
				<p:dataTable id="sociosList" var="socio" paginator="true" paginatorPosition="bottom" rows="30" value="#{socioBean.socioDataModel}" rowSelectMode="add"  selection="#{socioBean.selected}">  
			        <p:column headerText="Nombre">  
			            <h:outputText value="#{socio.nombre}" />  
			        </p:column>  
			  
			        <p:column headerText="Apellido">  
			            <h:outputText value="#{socio.apellido}" />  
			        </p:column>  
			  
			        <p:column headerText="dni">  
			            <h:outputText value="#{socio.dni}" />  
			        </p:column>  
			        
			        <p:column headerText="Operaciones" style="width:5%">  
			     		  <p:commandButton icon="ui-icon-close" title="Eliminar" disabled="#{socioBean.socios.isEmpty()}" update=":listForm:sociosList" action="#{socioBean.eliminar(socio.id)}"/>  
			        	  <p:commandButton icon="ui-icon-pencil" title="Editar" disabled="#{socioBean.socios.isEmpty()}" update=":listForm:sociosList" action="#{socioBean.editar(socio.id)}"/>  
			        </p:column>  
			        
			        <f:facet name="footer"></f:facet>
			        
<!-- Para operaciones masivas -->
<!-- 			        <p:column selectionMode="multiple" style="width:2%" />   -->
			       	
<!-- 			       	 <f:facet name="footer">   -->
<!-- 			            <p:commandButton value="Eliminar" title="Eliminar" icon="ui-icon-close" disabled="#{socioBean.socios.isEmpty()}" update=":listForm:sociosList" action="#{socioBean.eliminarSeleccionados}"/>   -->
<!-- 			        </f:facet>   -->
			    </p:dataTable>  
				
			</h:form>
	</ui:define>
</ui:composition>